<template>
  <view>
    <!-- #ifndef  H5 -->
    <u-sticky offset-top="0" h5-nav-height="0" bg-color="transparent">
      <u-navbar
          :is-back="true"
          :title-bold="true"
          :is-fixed="false"
          title="关于我们"
          title-color="#000000"
          :border-bottom="false"
          back-icon-name="arrow-leftward"
          back-icon-color="#000000"
          :background="{ background: 'rgba(256,256, 256,0)' }"
      ></u-navbar>
    </u-sticky>
    <!-- #endif -->
    <!--pages/server_explan/server_explan.wxml-->
    <view class="main">


      <view class="content">
        <u-parse :html="about_content"/>
      </view>


    </view>

    <!--<import src="/wxParse/wxParse.wxml"></import>-->
  </view>
</template>

<script>

import {getAboutUs} from '@/api/app';

export default {
  data() {
    return {
      about_content: ""
    };
  },

  components: {},
  props: {},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
    this.getAboutUsFun();
  },
  methods: {
    getAboutUsFun() {
      getAboutUs().then(res => {
        if (res.code == 1) {
          //wxParse.wxParse('content', 'html', res.data, this, 15)
          setTimeout(() => {
            this.about_content = res.data;
          }, 200);
        }
      });
    },
  }
};
</script>
<style lang="scss">
/* pages/server_explan/server_explan.wxss */
page {
  background-image: url("../../static/images/my_bg.jpg");
  background-size: 100%;
  background-repeat: no-repeat;

  .main {
    padding: 20rpx;
    /* min-height: 100vh; */
    .content {
      padding: 20rpx;
      background-color: #fff;
      border-radius: 16rpx;
      color:#747474;
    }
  }
}
</style>